@import "../../../static/sass/thom_c_size.scss";
.add_share_main{
  margin-top: tovw(100);
  width: 100%;
  background-color: #5a5a5a;
}
.main_wrapper{
  position: fixed;
  top:0;
  left: 0;
  z-index: 2000;
}
.header{
  width: 100%;
  position: fixed;
  top:0;
  left:0;
  height: tovw(100);
  background-color: #ffffff;
  z-index: 1000;
  img{
    width: tovw(60);
    display: block;
    position: absolute;
    top:50%;
    left: 10vw;
    transform: translateY(-50%);
  }
  .certain{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right:10vw;
    background-color: #80c269;
    color:#fff;
    text-align: center;
    width:tovw(120);
    height: tovw(80);
    line-height: tovw(80);
    border-radius: 2vw;
  }





}

.finsih{
  width: tovw(200);
  text-align: center;
  color: #ffffff;
  height: tovw(80);
  line-height: tovw(80);
  margin: tovw(10) auto tovw(10);
  background-color: #ff212c;
  position: absolute;
  bottom:2vw;
  border-radius: 2vw;
  left:50%;
  transform: translateX(-50%);
}
.text{
  resize: none;
  width: 100%;
  height: tovw(250);
  background-color: #fff;
  border-radius: 2vw;
  margin-top: 2vw;
  margin-bottom: 10vw;
  display: block;
}

.title{
  display: block;
  width: 100%;
  height: tovw(80);
  line-height: tovw(80);
  background-color: #ffffff;
  border-radius: 2vw;
  margin-bottom: tovw(20);
  @include input_rest;
  margin-top: tovw(20);
}

.main{
  width:80%;
  margin:0 auto 0;
  background-color: rgba(0,0,0,0);
}

.add_img{
  overflow-y: scroll;
  margin-bottom: tovw(20);
  height: tovw(350);
  border-radius: 2vw;
  background-color: #ffffff;
  width: 100%;
  position: relative;
  #add_img_img{
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
  }
  img{
    &:nth-child(1){
      left:20%;
      transform:translateY(-40%);
    }
    &:nth-child(2){
      left: 70%;
      transform: translateY(-40%);
    }
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    display: block;
    width: tovw(60);
  }
}

.add_img .show_b_img_data{
  width: 100%;
  display: block;
  position: initial;
}

